import React, { memo } from 'react'

import {
  footerLinks,
  footerImages,
} from '@/common/local-data'

import {
  AppFooterWrap,
  FooterRightWrap
} from './style'

export default memo(function AppFooter() {
  return (
    <AppFooterWrap>
      <div className="content wrap-v1">
        <div className="left">
          <div className="link">
            {
              footerLinks.map((i,idx) => {
                return (
                  <div key={i.title} className="link-item">
                    <a href={i.link}>{i.title}</a>
                    {idx !== footerLinks.length - 1 && <span className="divider">|</span>}
                  </div>
                )
              })
            }
          </div>
          <div className="title">网易公司版权所有©1997-2021杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</div>
          <div className="title">违法和不良信息举报电话：0571-89853516 举报邮箱：ncm5990@163.com</div>
          <div className="title">粤B2-20090191-18  工业和信息化部备案管理系统网站  浙公网安备 33010902002564号</div>
        </div>
        <FooterRightWrap className="right">
          {
            footerImages.map(i => {
              return (
                <li key={i.link} className="item">
                  <a href={i.link} className="link" target="_blank" rel="noopener noreferrer"> </a>
                  <span className="title">{i.title}</span>
                </li>
              )
            })
          }
        </FooterRightWrap>
      </div>
    </AppFooterWrap>
  )
})
